<template>
  <svg t="1754055632719" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
       p-id="12697" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
    <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" :fill="color" p-id="12698"></path>
    <path
        d="M724.195556 667.477333L567.978667 506.766222 724.195556 351.004444a39.310222 39.310222 0 0 0 0-55.239111 39.651556 39.651556 0 0 0-55.466667 0L517.575111 456.476444 356.295111 300.771556c-15.132444-15.075556-40.391111-15.075556-60.529778 0-15.075556 15.075556-15.075556 40.163556 0 60.302222l156.273778 155.704889-156.273778 155.761777a39.310222 39.310222 0 0 0 0 55.239112 39.651556 39.651556 0 0 0 55.466667 0l156.216889-155.704889 156.273778 155.704889c15.132444 15.075556 40.334222 15.075556 60.472889 0 20.138667-20.081778 20.138667-45.226667 0-60.302223z"
        fill="#FFFFFF" p-id="12699"></path>
  </svg>
</template>
<script lang="ts" setup>
defineProps({
  color: {
    type: String,
    default: 'rgb(214, 0, 0)',
  },
})
</script>
<style>
svg {
  width: 100%;
  height: 100%;
}
</style>